import Vue from 'vue'

// 按需导入elemnet ui 的组件（书写规范参考官方教程）
import {
  Button, //按钮
  Form,
  FormItem,
  Input, //输入框
  Message, // 弹出框
  Container, //布局
  Header,
  Main,
  Aside,
  Menu, //导航栏
  Submenu,
  MenuItem,
  MenuItemGroup,
  Breadcrumb, //面包屑导航
  BreadcrumbItem,
  Card, //卡片
  Row, //布局
  Col,
  Table, //表格
  TableColumn,
  Switch, //开关
  Tooltip, //提示框
  Pagination, //分页
  Dialog, //提示框
  MessageBox, //确定弹出框
} from "element-ui"

// 注册为全局可用组件
Vue.use(Button)
// 表单
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
// 挂载弹框组件
Vue.prototype.$message = Message
// 注册布局
Vue.use(Container)
Vue.use(Header)
Vue.use(Main)
Vue.use(Aside)
// 导航
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(MenuItemGroup)
// 面包屑导航
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
//卡片
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
// 表格
Vue.use(Table)
Vue.use(TableColumn)
// 开关
Vue.use(Switch)
// 文字提示框
Vue.use(Tooltip)
// 分页
Vue.use(Pagination)
// 弹出框
Vue.use(Dialog)
//确定弹出框
Vue.prototype.$confirm = MessageBox.confirm
